$(document).ready(function () {
    $("#PeriodosID").change(function () {
        var idP = $(this).val();
        //Validamos que el item elegido posea valor de ID Periodo
        if (idP.valueOf() != '') {
            $('.label-loading').show();
            $('#contenido').hide();

            $('#notas-uperiodo').load("/Alumnos/_View_Notas?IDPeriodo=" + idP.valueOf(), function (datos, status, xhr) {
                $('#contenido').fadeIn(350);
                if (status == "error") {
                    $('#error-1').show();
                    var msg = "Ocurrio un error al intentar recuperar los datos. ";
                    $('#error-1').html(msg + xhr.status + " " + xhr.statusText);

                } else {
                    $('#notas-uperiodo').html(datos);

                    $("#table-alum-notas tr").each(function () {
                        $(this).attr('title', 'Haga click para obtener el detalle de actividades');
                    });

                    //Recorremos todas los objetos que sean TR para aplicar el Handler de Click()
                    //                        var tabla = document.getElementById("rows-notas");
                    //                        var theRows = tabla.getElementsByTagName("tr")
                    //                        $.each(theRows, function () {
                    //                            $(this).attr('onclick', 'rowClick(this)');
                    //                        });

                    //Mostramos y ocultamos los objetos pertinentes
                    $('.label-loading').hide();
                }
            });
        }
    });
});

var oldRowSelected = null

function rowClick(obj) {
    //Primero verificamos si existe algun objeto seleccionado antes
    if (oldRowSelected) {
        //Si existe un objeto debemos de devolver a su color original
        var oldCols = oldRowSelected.getElementsByTagName("td")
        $.each(oldCols, function () {
            $(this).removeClass("row-selected");
        });
    }

    //Guardamos la fila q actualmente esta seleccionada
    oldRowSelected = obj;

    //Coloreamos toda la fila seleccionada
    var cols = obj.getElementsByTagName("td")
    $.each(cols, function () {
        $(this).addClass("row-selected");
    });

    //Cargamos el detalle
    var Periodo = $("#table-alum-notas").attr("data-periodo");
    var Anio = $("#table-alum-notas").attr("data-anio");
    var Materia = $(obj).attr("data-id-materia");

    $('#det-act-block').show();
    $('#det-act-materia').fadeOut(300);
    $('.label-loading-2').show();
    $('#det-act-materia').load("/Alumnos/_View_Detalle_Notas?Materia=" + Materia + "&Anio=" + Anio + "&Periodo=" + Periodo, function (datos, status, xhr) {
        $('.label-loading-2').hide();
        if (status == "error") {
            $('#error-2').show();
            var msg = "Ocurrio un error al intentar recuperar los datos. ";
            $('#error-2').html(msg + xhr.status + " " + xhr.statusText);
        } else {
            $('#det-act-materia').fadeIn(300);
            $('#det-act-materia').html(datos);
        }
    });
}